﻿<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>基础管理</title>
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/motai.css">

</head>

<body class="main-body">
	<div id="vue-root">
		<ul class="main-nav2 main-nav-tree basis">
			<li class="main-side-item2 " :class="{'main_itemed':mainItem==index}" @click="mainItem=index"
				v-for="(menu,index) in menues" :key="index">
				<a target="myiframe1" :href="menu.ref">
					<div v-text="menu.title"></div>
				</a>
			</li>
		</ul>
	</div>
	<div>
		<iframe src="basis_cookbook.html" name="myiframe1"
			style="width: 100%;min-height: 800px; overflow-y:scroll"></iframe>
	</div>
	<script src="/scriptZIP/vue.min.js"></script>
	<script>
		var app = new Vue({
			el: '#vue-root',
			data: {
				mainItem: 0,
				menues: [{
					title: "食谱管理",
					ref: "basis_cookbook.html",
				}, {
					title: "幻灯片管理",
					ref: "basis_slide.html",
				}, {
					title: "监控管理",
					ref: "basis_monitor.html",
				}, {
					title: "校园汇总",
					ref: "home_page.html",
				}]
			}
		});
	</script>
</body>

</html>